@use 'sass:map';

@use '@/assets/styles/common/var.scss' as *;
@use '@/assets/styles/mixins/_button.scss' as *;
@use '@/assets/styles/mixins/mixins.scss' as *;
@use '@/assets/styles/mixins/utils.scss' as *;
@use '@/assets/styles/mixins/_var.scss' as *;

@include b(tabs){
    padding: 5px;
    display: flex;
    justify-content: space-between;
    font-size: 24px;
    border-radius: 10px;
    background: rgba($tts-N5-color, 0.1);

    .i-tab-item {
        padding: 5px 30px;
        border-radius: 10px;
        color: $tts-N6-color;
        font-weight: 600;

        &.active {
            color: $tts-main-color;
            background: white;
        }
    }
}
